<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="color_div">
        <table>
            <tr>
                <th>颜色id</th>
                <th>产品id</th>
                <th>颜色名</th>
                <th>颜色图</th>
                <th>颜色顺序</th>
            </tr>
            <tr v-for="c in list">
                <td>{{c.color_ID}}</td>
                <td>{{c.product_ID}}</td>
                <td>{{c.color_Name}}</td>
                <td>{{c.color_Img}}</td>
                <td>{{c.color_Order}}</td>
            </tr>
        </table>
    </div>
    <script src="../../style/vue.js"></script>
    <script src="../../style/jquery-3.3.1.js"></script>
    <script>
        $(function (){
            let list = selColor();
            let app = new Vue({
                el:"#color_div",
                data:{
                    list,
                },
            })
        })
        function selColor(){
            let list;
            $.ajax({
                type:"post",
                url:"../../ColorController/selColor",
                dataType:"json",
                async:false,
                success:function (data){
                    list = data;
                }
            })
            return list;
        }
    </script>
</body>
</html>